<!DOCTYPE html>
<html>
<head>
<title>产品管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet"
	href="/resources/common/css/default/control-manage.css" />
<link rel="stylesheet"
	href="/resources/video/css/uploadify.css" />
<style>
.marginleft{
	margin-left: 15px;
}
.font{
	font-size: 12px;
}
.pointer {
	cursor: pointer;
}
.width25{
	width: 30px;
}
.width250{
	width:250px;
}
.width150{
	width:150px !important;
}
.muilttext{
	width:400px;
	height:120px;
	resize: none;
}
.center{
	text-align: center;
	padding: 5px 0 5px 0;
}

.U-bottom{
	margin-top: 15px;
	margin-left: 45px;
}
.image{
	position: absolute;
	width: 250px;
	height: 150px;
	float: left;
	border: 1px solid #eee;
}
.progress{
	float: left;
	margin-top: 65px;
}
.upload{
	margin-top: 80px;
	float: left;
}
.button{
	padding-top: 15px;
	clear: both;
}
.lineheight{
	line-height: 4;
}
</style>
</head>
<body>
	<div class="Mheader">
		<ul>
			<li>内容管理</li>
			<li class="M_sep">&gt;</li>
			<li>专题管理</li>
			<li class="M_sep">&gt;</li>
			<li>专题修改</li>
		</ul>
	</div>
	<div class="M-listRegion font">
		<table class="lineheight">
			<tr>
				<td>专题ID：</td>
				<td>${subject.id}</td>
			</tr>
			<tr>
				<td>专题版本：</td>
				<td><span id="versionSpan"></span></td>
			</tr>
			<tr>
				<td>状态：</td>
				<td><label id="subjectStatus">${subject.status}</label></td>
				<td>专题图片：</td>
				<td>
					<div class="image">
						<input type="hidden" id="originColor" name="originColor" value="${subject.originColor}">
						<input type="hidden" id="subjectId" name="subjectId" value="${subject.id}"/>
						<input type="hidden" id="subjectVersion" name="subjectVersion" value="${subject.version}">
						<img alt="" src="${subject.imageUrl}" width="250" height="150" id="imageUrl"/>
					</div>
				</td>
			</tr>
			<tr>
				<td>专题名称：</td>
				<td><input type="text" maxlength="50" class="import inputW width250" name="subjectName" id="subjectName" value="${subject.name}"/></td>
			</tr>
			<tr>
				<td>简介：</td>
				<td><textarea class="import limited noteEdit muilttext" name="subjectDescription" id="subjectDescription">${subject.description}</textarea></td>
				<td></td>
				<td>
					<div class="image" style="color: #303030;height: 30px;margin-top:45px;border: none;">图片建议尺寸：1536*683以上</div>
					<div class="upload">
						<input type="hidden" id="subjectImageUrl" name="subjectImageUrl" value="${subject.imageUrl}"/>
						<input id="btupload" type="file" class="Mbutton3 pointer marginleft" value="浏览"/>
					</div>
				</td>
				<td><div class="uploadify-queue progress" id="upload-progress" style="display: none"></div></td>
			</tr>
		</table>
	</div>
	<div class="Mul widthauto">
		<ul>
			<li>
				<span class="Mspan-span1">
					<span class="left" >背景色：</span>
					<span class="right">
						<input type="text" id="bgColor" name="bgColor" maxlength="8" value="" class="import inputW width150"/>						
					</span>
			    </span>&nbsp;&nbsp;
			    <span class="Mspan-span1">
					<span class="left" >标题色：</span>
					<span class="right">
						<input type="text" id="titleColor" name="titleColor" maxlength="8" value="" class="import inputW width150"/>						
					</span>
			    </span>&nbsp;&nbsp;
			    <span class="Mspan-span1">
					<span class="left" >简&nbsp;&nbsp;&nbsp;介&nbsp;&nbsp;&nbsp;&nbsp;色：</span>
					<span class="right">
						<input type="text" id="descriColor" name="descriColor" maxlength="8" value="" class="import inputW width150"/>						
					</span>
			    </span>&nbsp;&nbsp;
			    <span class="Mspan-span1">
					<span class="left" >分割线色：</span>
					<span class="right">
						<input type="text" id="splitColor" name="splitColor" maxlength="8" value="" class="import inputW width150"/>						
					</span>
			    </span>
			</li>
			<li>
				<span class="Mspan-span1">
					<span class="left" >按钮色：</span>
					<span class="right">
						<input type="text" id="descriMoreColor" name="descriMoreColor" maxlength="8" value="" class="import inputW width150"/>						
					</span>
			    </span>&nbsp;&nbsp;
			    <span class="Mspan-span1">
					<span class="left" >遮罩色：</span>
					<span class="right">
						<input type="text" id="blurMaskColor" name="blurMaskColor" maxlength="8" value="" class="import inputW width150"/>						
					</span>
			    </span>&nbsp;&nbsp;
			    <span class="Mspan-span1">
					<span class="left" >列表标题色：</span>
					<span class="right">
						<input type="text" id="itemTitleColor" name="itemTitleColor" maxlength="8" value="" class="import inputW width150"/>						
					</span>
			    </span>&nbsp;&nbsp;
			    <span class="Mspan-span1">
					<span class="left" >副标题颜色：</span>
					<span class="right">
						<input type="text" id="itemSubTitleColor" name="itemSubTitleColor" maxlength="8" value="" class="import inputW width150"/>						
					</span>
			    </span>
			    <br>
			    <span style="color:red">颜色代码格式：ADD8E6 或 FFFFFFFF(由6/8位大写[A-F]字母和数字组成)</span>
			</li>
		</ul>
	</div>
	<div class="Mul widthauto">
		<ul>
			<li>
				<span class="Mspan-span1">
					<span class="left" >输入视频ID：</span>
					<span class="right">
						<input type="text" id="videoId" name="videoId" maxlength="18" class="import inputW width150"/>						
					</span>
			    </span>
			    <span class="Mspan-span1">
					<span class="left" >&nbsp;</span>
				    <span class="right"><input id="addByVid" type="button" class="Mbutton3 pointer" value="继续添加"  /></span>
			    </span>
			    <span class="Mspan-span1">
					<span class="left" >输入视频合集ID：</span>
					<span class="right">
						<input type="text" id="albumId" name="albumId" maxlength="18" class="import inputW width150"/>						
					</span>
			    </span>
			    <span class="Mspan-span1">
					<span class="left" >&nbsp;</span>
				    <span class="right"><input id="addByAid" type="button" class="Mbutton3 pointer" value="继续添加"  /></span>
			    </span>
			</li>
		</ul>
	</div>
	<div class="M-listRegion">			     
		<table id="GridData"></table>
	</div>
	<div class="U-bottom">
		<div class="button">
			<input id="btnsave" type="button" class="Mbutton3 pointer" value="保存" />
			<input id="btncancel" type="button" class="Mbutton3 pointer marginleft" value="返回" />
		</div>
	</div>
	<div id="DeleteComfirmDialog" style="display: none;">  
		<input id="deleteId" type="hidden" value="" />
		<input id="deleteType" type="hidden" value="" />
       	<div class="center"><p>确定删除该视频/合集信息?</p></div>
    </div>
    <div id="EditRecommendDialog" style="display: none;">  
       	<div class="center">
       		<input id="editId" type="hidden" value="" />
       		<input id="editType" type="hidden" value="" />
       		<textarea class="import limited noteEdit muilttext" id="subjectRecommend"></textarea>
       	</div>
    </div>
	<script type="text/javascript" src="/resources/common/js/MZPub-video.js"></script>
	<script type="text/javascript" src="/resources/video/js/manage/util/VideoUtil.js"></script>
	<script type="text/javascript" src="/resources/video/js/manage/common/jquery-uploadify.js"></script>
	<script type="text/javascript" src="/resources/video/js/manage/util/VideoResources.js"></script>
	<script type="text/javascript" src="/resources/video/js/manage/subject/subject-modify.js"></script>
</body>
</html>